<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>三天之内鲨了你</title>
    <!--引入css文件要有顺序 先引入第三方库 在引入公共部分 最后引入当亲页面的css文件 -->
    <link rel="stylesheet" href="lib/reset/reset.css"/>
    <link rel="stylesheet" href="css/commons.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<!-- 顶部导航 -->
<!-- 最外层div-->
<div class="topnav">
    <div class="container">

        <div class="topnav-left">
            <a href="">小米商城</a><i>|</i>
            <a href="">MIUI</a><i>|</i>
            <a href="">小米商城</a><i>|</i>
            <a href="">小米商城</a><i>|</i>
            <a href="">小米商城</a><i>|</i>
            <a href="">小米商城</a><i>|</i>
            <a href="">小米商城</a><i>|</i>
            <a href="">小米商城</a><i>|</i>
            <a href="">小米商城</a><i>|</i>
            <a href="">小米商城</a><i>|</i>
            <a href="">小米商城</a><i>|</i>
            <a href="">小米商城</a>
        </div>
        <div class="topnav-right">
            <a href="">登录</a><i>|</i>
            <a href="">登录</a><i>|</i>
            <a href="">登录</a>
            <a href="" class="cart">购物车</a>

        </div>

    </div>


</div>
<!--版心-->
    <!--顶部导航左侧-->
        <!--一推a i 标签-->
    <!--顶部导航右侧-->
        <!--一推a i 标签-->

</body>
</html>